<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="layout.tld" prefix="e"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">

<!--  上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！  -->

<meta name="Description" content="公告栏" />
<meta name="Keywords" content="公告栏的关键字，关键字" />
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="robots" content="all" />
<meta name="save" content="history" />
<meta name="author" content="1217873870@qq.com" />
<meta name="Copyright" content="Chen" />
<title><e:block name="title">Bootstrap 101 Template</e:block></title>

<e:block name="style">
	<!-- Bootstrap -->
	<link href="<c:url value='/resource/css/bootstrap.css'/>"
		rel="stylesheet">

	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" type="text/css"
		href="<c:url value='/resource/css/base.css'/>" />

	<link rel="stylesheet" type="text/css"
		href="<c:url value='/resource/css/default-style.css'/>">

	<link href="<c:url value='/resource/css/customer-style.css'/>"
		rel="stylesheet" type="text/css" />

	<!-- 	HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
	WARNING: Respond.js doesn't work if you view the page via file://
	[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    [endif] -->
</e:block>
<e:block name="more_style"></e:block>
</head>
<body>
	<!-- 页头 -->
	<e:block name="NavTop">
		<nav class="navbar navbar-blue header" role="navigation">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#header-user">
						<span class="sr-only">用户信息/登录等</span> <span class="icon-bar"></span>
						<span class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="<c:url value='/user/index'/>"><img
						title="ThinkSAAS" src="<c:url value='/resource/imgs/logo.png'/>"
						alt="ThinkSAAS" width="190" height="40" /></a>
				</div>
				<ul class="nav navbar-nav hidden-xs">
					<li class="active"><a href="<c:url value="/user/index"/>">首页</a></li>
					<li class="mainlevel"><a href="###">应用汇</a></li>
					<li class="mainlevel"><a href="###">服务</a></li>
					<li class="mainlevel"><a href="###">下载</a></li>
					<li class="mainlevel"><a href="###">文档</a></li>
				</ul>
				<!--ThinkSAAS官方加载百度搜索，如果搜索引量大，可以申请百度站内搜索-->
				<form class="navbar-form navbar-left hidden-xs" role="search"
					method="post" action="<c:url value ="/message/search"/>"
					target="_blank">
					<div class="form-group">
						<input type="text" class="form-control" name="keywords"
							placeholder="小组 话题 文章"> <input type="hidden" name="code"
							value="" /> <input type="hidden" name="pageIndex" value="1" />
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
				<c:choose>
					<c:when test="${OnlineUser != null}">
						<ul class="nav navbar-nav navbar-right navbar-collapse collapse"
							id="header-user">
							<li><a href="<c:url value="/user/toHome"/>">我的社区</a></li>

							<li><a href="###"><span class="badge" id="newmsg">0</span>
									消息</a></li>
							<li class="dropdown" style="width: 200px; text-align: right;">
								<a href="###" class="dropdown-toggle" data-toggle="dropdown">
									<img class="img-circle" src="${OnlineUser.userlogo}" width="24"
									height="24" align="middle" alt=${OnlineUser.username } />
									${OnlineUser.username} <span class="caret"></span>
							</a>
								<ul class="dropdown-menu" role="menu">
									<li><a
										href="<c:url value="http://localhost:8080/Announcement/setting.jsp"/>">设置</a></li>

									<li><a href="<c:url value="/user/logout" />">退出</a></li>
								</ul>
							</li>
						</ul>

					</c:when>
					<c:otherwise>
						<ul class="nav navbar-nav navbar-right navbar-collapse collapse"
							id="header-user">
							<li><a href="<c:url value="/user/login"/>">登录</a></li>
							<li><a href="<c:url value="/user/register"/>">注册</a></li>
						</ul>
					</c:otherwise>
				</c:choose>


			</div>
			<!-- /.container-fluid -->
		</nav>
	</e:block>
	<e:block name="Banner">
		<div class="appnav">
			<div class="container">
				<ul>
					<li><a href="###">首页</a></li>
					<li><a href="###">小组</a></li>
					<li class="select"><a href="###">用户</a></li>
					<li><a href="###">活动</a></li>
					<li><a href="###">相册</a></li>
					<li><a
						href="<c:url value="/message/showArticleToHome?pageIndex=1" />">文章</a></li>
					<li><a href="###">市场</a></li>
					<li><a href="###">问答</a></li>
					<li><a href="###">支付</a></li>
					<li><a href="###">课程</a></li>
					<li><a href="###">动态</a></li>
					<li><a href="http://localhost:8080/Announcement/weibo.jsp">微博</a></li>
					<li><a href="###">资料</a></li>
					<li><a href="###">投票</a></li>
					<li><a href="###">积分兑换</a></li>
					<li><a href="###">同城</a></li>
					<li><a href="###">网络收藏夹</a></li>
				</ul>
			</div>
		</div>
	</e:block>
	<e:block name="Screen">
		<h1>你好，世界！</h1>
	</e:block>


	<!-- 页脚 -->
	<e:block name="footer">
		<div class="footer">
			<p>
				<a href="###">关于我们</a> | <a href="###">联系我们</a> | <a href="###">用户条款</a>
				| <a href="###">隐私申明</a> | <a href="###">加入我们</a>
			</p>
			<p>
				Powered by <a target="_blank" class="softname" title="开源社区"
					href="###">ThinkSAAS</a> 2.4 <a target="_blank" href="###"
					title="奇鸟软件（北京）有限公司">QINIAO INC.</a> Copyright © 2011 - 2015 <a
					target="_blank" href="###"></a>
			</p>
			<p>
				<span style="font-size: 0.83em;">Processed in 0.001653
					second(s)</span>
			</p>
		</div>

		<!--弹出窗口-->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">提示</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

					</div>
				</div>
			</div>
		</div>



		<div class="footertip">
			ThinkSAAS开源社区——知识=积累+学习+分享。<a href="<c:url value="/user/register"/>"
				class="btn btn-info">加入一起学习</a>
		</div>
	</e:block>
	<e:block name="script">

		<script src="http://www.thinksaas.cn/public/js/common.js"
			type="text/javascript"></script>
		<script src="http://www.thinksaas.cn/app/user/js/extend.func.js"
			type="text/javascript"></script>
		<script type="text/javascript"
			src="http://www.thinksaas.cn/plugins/pubs/gotop/jquery.goToTop.js"></script>
		<script type="text/javascript">
			$(function() {
				//document.execCommand("BackgroundImageCache", false, true);
				$(".go-top").goToTop({});
				$(window).bind("scroll resize", function() {
					$(".go-top").goToTop({});
				});
			});
		</script>
		<div style="display: none;">
			<script type="text/javascript">
				var cnzz_protocol = (("https:" == document.location.protocol) ? " https://"
						: " http://");
				document
						.write(unescape("%3Cspan id='cnzz_stat_icon_1253449553'%3E%3C/span%3E%3Cscript src='"
								+ cnzz_protocol
								+ "s6.cnzz.com/stat.php%3Fid%3D1253449553' type='text/javascript'%3E%3C/script%3E"));
			</script>
		</div>
		<script>
			$(document).ready(function() {
				$('.chat_f1_expr').animate({
					height : '175px'
				}, 1000);
				$('#close').click(function() {
					$('#chat_f1').hide();
					$('#chat_f2').show();
				})
				$('#chat_f2').click(function() {
					$(this).hide();
					$('#chat_f1').show();
				})
				$('.name').hover(function() {
					$(this).children('.detail').show();
					$(this).children('.arrow').css('color', '#a00');
				}, function() {
					$(this).children('.detail').hide();
					$(this).children('.arrow').css('color', '#fff');
				})
			})
		</script>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

		<script src="<c:url value='/resource/js/jquery.js'/>"
			type="text/javascript"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="<c:url value='/resource/js/bootstrap.js'/>"></script>
		<!--bootstrap 前端验证-->
		<script type="text/javascript"
			src="<c:url value='/resource/js/bootstrap3-validation.js'/>"></script>

		<!-- Bootstrap Core JavaScript -->
		<!-- Include all compiled plugins (below), or include individual files as needed -->

	</e:block>

	<e:block name="more_script">

	</e:block>
</body>
</html>